<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>竞彩</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">

    <!--<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">-->
    <link rel="stylesheet" href="__PUBLIC__/style/style.css">
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="row img1">
                    <div class="col-xs-8">
                        <div class="user-head-image">
                            <img src="">
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <a class="button-href-bar">进入论坛</a>
                    </div>
                </div>
            </div>
        </div>
	<div id="top"  style="position: fixed;display:none; top: 0px; width: 100%; z-index: 999; background: none repeat scroll 0% 0% rgb(0, 0, 0);" class="row menu">
                <ul class="ul">
                    <li class="col-xs-3" data-day="today">
                        <div class="row">
                            <h4>今天</h4>
                            <span class="span-week">星期{:GetWeek()}</span>
                        </div>
                    </li>
                    <li class="col-xs-3" data-day="tomorrow" style="color:#CCC">
                        <div class="row">
                            <h4>明天</h4>
                            <span class="span-week">星期{:GetWeek(1)}</span>
                        </div>
                    </li>
                    <li class="col-xs-3" data-day="after"  style="color:#CCC">
                        <div class="row">
                            <h4>后天</h4>
                            <span class="span-week">星期{:GetWeek(2)}</span>
                        </div>
                    </li>
                    <li class="col-xs-3" data-day="record"  style="color:#CCC">
                        <div class="row">
                            <h4 style="margin-top:30px;">投注记录</h4>
                        </div>
                    </li>
                </ul>
        </div>
        <div class="row menu">
                <ul class="ul">
                    <li class="col-xs-3" data-day="today">
                        <div class="row">
                            <h4>今天</h4>
                            <span class="span-week">星期{:GetWeek()}</span>
                        </div>
                    </li>
                    <li class="col-xs-3"   data-day="tomorrow"  style="color:#CCC">
                        <div class="row">
                            <h4>明天</h4>
                            <span class="span-week">星期{:GetWeek(1)}</span>
                        </div>
                    </li>
                    <li class="col-xs-3" data-day="after"  style="color:#CCC">
                        <div class="row">
                            <h4>后天</h4>
                            <span class="span-week">星期{:GetWeek(2)}</span>
                        </div>
                    </li>
                    <li class="col-xs-3" data-day="record"  style="color:#CCC">
                        <div class="row">
                            <h4 style="margin-top:30px;">投注记录</h4>
                        </div>
                    </li>
                </ul>
        </div>
        
	<div class="content">
        <foreach name="default" item="default">
            <div class="row">
                <div class="col-xs-2">
                    <div class="time">
                        <span style="display:block;margin-left:-18px"> {$default["start"]|date="H:i",###}</span>
                        <div class="nz"></div>
                    </div>
                </div>
                <div class="col-xs-10 bj-border">
                    <div class="msg">
                        <div class="row">
                            <div style="padding:0;margin:0" class="col-xs-4">
                                <img class="msg-img msg-title" src='{$default["ranksyurl"]}'>
                                <span class="msg-title">{$default["ranksy"]}</span>
                            </div>
                            <div style="padding:0;margin:0" class="col-xs-4">
                                <span class="game-title">{$default["game"]}</span>
                                <p align="center" class="more"></p>
                            </div>
                            <div style="padding:0;margin:0" class="col-xs-4">
                                <img class="msg-img msg-title" src='{$default["ranksnurl"]}'>
                                <span class="msg-title">{$default["ranksn"]}</span>
                            </div>
                        </div>
                        <div class="row xl">
                            <p class="xq-tz"><span class="tz">投注</span><span class="xq" style="color:#CCC">详情</span></p>
                            <div class="row new-margin">
                                <div style="padding:0;margin:0" class="col-xs-4">
                                    <img class="msg-img msg-title" src='{$default["ranksyurl"]}'>
                                    <span class="msg-title">{$default["ranksy"]}</span>
                                </div>
                                <div style="padding:0;margin:0" class="col-xs-4">
                                    <div class="btn-now">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                                选择 <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li><a href="#">{$default["ranksy"]}</a></li>
                                                <li><a href="#">{$default["ranksn"]}</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="btn-now">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                                金额 <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li><a href="#">5金币</a></li>
                                                <li><a href="#">10金币</a></li>
                                                <li><a href="#">15金币</a></li>
                                                <li><a href="#">20金币</a></li>
                                                <li><a href="#">25金币</a></li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="btn-now" style="width: 50px">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                                结算
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div style="padding:0;margin:0" class="col-xs-4">
                                    <img class="msg-img msg-title" src='{$default["ranksnurl"]}'>
                                    <span class="msg-title">{$default["ranksn"]}</span>
                                </div>
                            </div>
                            <div class="jdt">
                                <div class="left-pl"><span class="wz">赔率100%</span></div>
                                <div class="center-pj"><span class="wz">平局</span></div>
                                <div class="right-pl"><span class="wz">赔率100%</span></div>
                            </div>
                            <div class="xq-content">
                                <p>{$default["details"]}</p>
                            </div>
                            <p align="center" class="more-callback"></p>
                        </div>
                    </div>
                </div>
            </div>
        </foreach>
</div>
    </div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(function(){
        $(window).scroll(function () {
            if ($(window).scrollTop() > 160) {
                $("#top").fadeIn(300);
            }else{
                $("#top").fadeOut(300);

            }
        });
        $(document).on("click", ".more", function(){
            $(this).hide();
            var msg = $(this).parent().parent().parent();
            msg.find('.more-callback').show();
            msg.find('.xl').show();
            msg.css("height","340px");
        });
        $(document).on("click", ".more-callback", function(){
            $(this).hide();
            var msg = $(this).parent().parent();
            msg.find('.more').show();
            msg.find('.xl').hide();
            msg.css("height","100px");
        });
        $(document).on("click", ".tz", function(){
            var now = $(this);
            now.siblings().not(this).css('color','#CCC');
            var par = now.parent().parent();
            now.css({'border-bottom':'2px solid #FFF','color':'#FFF'});
            now.parent().find('span[class=xq]').css('border-bottom','0');
            par.find('.xq-content').hide();
            par.find('.new-margin').show();
            par.find('.jdt').show();
        });
        $(document).on("click", ".xq", function(){
            var now = $(this);
            now.siblings().not(this).css('color','#CCC');
            var par = now.parent().parent();
            now.css({'border-bottom':'2px solid #FFF','color':'#FFF'});
            now.parent().find('span[class=tz]').css('border-bottom','0');
            par.find('.new-margin').hide();
            par.find('.jdt').hide();
            par.find('.xq-content').show();
        });
        $(document).on("click",".nz",function(){
            $(this).toggleClass('nz-click');
        })
        $('.menu > ul > li').click(function(){
            var li = $(this);
            li.css('color','#FFF');
            li.siblings().not(this).css('color','#CCC');
            var data = li.attr('data-day');
            $.post("{:U('Quiz/home')}",{data:data},function(data){
                $('.content').html('');
                $('.content').html(data);
            })
        })
    })
    window.onload=function(){
        alert('这个页面还没有开发功能哦');
    }
</script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>
</html>
